<template>
  <div id="app">
    <!-- 一级路由出口 -->
    <router-view />
    <!-- 1.不传type,也没传slot, 二者都走默认值 -->
    <!-- <MyButton /> -->
    <!-- 2.显示登录按钮, 传入实际显示的内容 -->
    <!-- <MyButton type="success" @click="handleLogin">
      登录按钮
    </MyButton>
    <MyButton>
      注册按钮
    </MyButton>
    <MyButton type="primary" />
    <MyButton type="success" />
    <MyButton type="danger" />
    <MyButton type="warning" /> -->
  </div>
</template>

<script>
// import MyButton from '@/components/Button'
// export default {
//   name: 'App',
//   components: {
//     MyButton
//   },
//   methods: {
//     handleLogin(e) {
//       console.log('登录', e)
//     }
//   }
// }
</script>
